<template>

     <transition>
<!--       谁要做动画  就用transition包裹-->
       <slot></slot>
     </transition>

</template>

<script>
    export default {
        name: "FadeAnimation",
      data(){
          return{
            show:true
          }
      }
    }
</script>

<style lang="stylus" scoped>
    /*div*/
    /*  height 2rem*/
    /*  width 2rem*/
    /*  background red*/
    .v-enter, .v-leave-to
      opacity 0
    .v-enter-active, .v-leave-active
      transition opacity 1s
</style>
